{include file="index@public/header" /}
<style>
    .create{
        position: absolute;
        width:100%;
        height:750px;
        top:3.5em;
    }
    .create .title{
        position: absolute;
        width: 100%;
        background: #5676fd;
        height: 2.8em;
        text-align: center;
    }
    .create .title a{
        line-height: 2.8em;
        color: #fff;
    }
    .create .neirong{
        position: absolute;
        top: 3em;
        width: 96%;
        margin: 5% 2%;
        overflow: auto;
        height: 100%;
        overflow-x: hidden;
    }
    .create .neirong .time input{
        width:40%;
    }
    .create .fudong span,.create .fudong input{
        float:left;
        margin:.3em;
        line-height:2em;
    }
</style>
<div class = "create">
    <div class  = "title">
        <a class = "col-xs-6" href = "{:url('index/More/tchd')}">参加</a><a class = "col-xs-6" href = "{:url('index/More/create')}">创建活动</a>
    </div>
    <div class="panel-body neirong">
        <form role="form">
            <div class="form-group">
                <label>名称</label>
                <input type="text" class="form-control" placeholder="活动名称" required />
            </div>
            <div class="form-group">
                <label>类别</label>
                <select class="form-control" required>
                    <option value="0" selected="">交友</option>
                    <option value="2">徒步</option>
                    <option value="3">唱歌</option>
                    <option value="4">其它</option>
                </select>
            </div>
            <div class="form-group">
                <label>地点</label>
                <input type="text" class="form-control" placeholder="例：乌鲁木齐-新市区-高新街" required/>
            </div>
            <div class="form-group time">
                <label>时间</label>
                <div class = "fudong"><span>从</span><input type = "date" class = "form-control" required /><span>到</span><input type = "date" class = "form-control" required /></div>
            </div>
            <div class="form-group">
                <label>费用</label>
                <select class="form-control" required>
                    <option value="0" selected="">0-50元</option>
                    <option value="1">50-100元</option>
                    <option value="2">100-200元</option>
                    <option value="3">200-500元</option>
                    <option value="4">视情况而定</option>
                </select>
            </div>
            <div class="form-group">
                <label>联系电话</label>
                <input type="number" class="form-control" placeholder="联系电话" required />
            </div>
            <div class="form-group">
                <label>活动详情</label>
                <textarea rows="4" class="form-control" placeholder = "请填写活动内容、费用等详细情况" required></textarea>
                <p class="help-block">请填写活动内容、费用等详细情况</p>
            </div>
            <div class="checkbox">
                <label>
                    <input type="checkbox" checked="checked" required/>同意《线下活动组织协议》
                </label>
            </div>
            <div class = "text-center"><button type="submit" class="btn btn-primary">发布</button></div>
        </form>
    </div>
</div>

{include file="index@public/moreFooter" /}